﻿<!DOCTYPE html>
<html lang="es">
<head>
	<title>ProNatura M&eacute;xcio</title>
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
	<script src="slides.min.jquery.js"></script>
	<script type="text/javascript">
		$(function(){
			$('.slides').slides({
				preload: true,
				preloadImage: 'img/loading.gif',
				play: 5000,
				pause: 2500,
				hoverPause: true,
				animationStart: function(current){
					$('.caption').animate({
						bottom:-35
					},100);
					if (window.console && console.log) {
						// example return of current slide number
						console.log('animationStart on slide: ', current);
					};
				},
				animationComplete: function(current){
					$('.caption').animate({
						bottom:-20
					},200);
					if (window.console && console.log) {
						// example return of current slide number
						console.log('animationComplete on slide: ', current);
					};
				},
				slidesLoaded: function() {
					$('.caption').animate({
						bottom:-20
					},200);
				}
			});
		});
	</script>
	<link rel="stylesheet" type="text/css" href="styles.css">
	
	<link rel="stylesheet" href="menu-principal.css" type="text/css" />
	
</head>
<body>
	<div class="page">
		<div class="header">
			<ul class="language">
				<li><a href="">English</a>
			</ul>
			<ul id="socialmenu">
				<li><a href=""><img src="gfx/facebook.png"></a></li>
				<li><a href=""><img src="gfx/youtube.png"></a></li>
				<li><a href=""><img src="gfx/twitter.png"></a></li>
				<li><a href="">Mi cuenta</a>
				
				</li>
				<li><a href="">Contacto</a>
					<ul>
						<li>Usario: <input type="text" /></li>
						<li>Contrase&ntilde;a: <input type="text" /></li>
						<li>Confirmar Contrase&ntilde;a: <input type="text" /></li>
						<li>Nombre: <input type="text" /></li>
						<li>Sexo: <input type="text" /></li>
						<li>Apellido Paterno: <input type="text" /></li>
						<li>Apellido Materno: <input type="text" /></li>
						<li>Facha de Nacimiento: <input type="text" /></li>
						<li>Correo Electr&iacute;nico: <input type="text" /></li>
						<li>Tel&eacute;fono: <input type="text" /></li>
						<li>Deseo ser Voluntario: <input type="radio" /></li>
						<li>Enviar: <input type="radio" /></li>
					</ul>
				</li>
			</ul>
			<div id="headertext">
				La conservaci&oacute;n de la flora, la fauna y los ecosistemas prioritarios, promoviendo un desarrollo de la sociedad en armon&iacute;a con la naturaleza
			</div>
			<ul id="search">
				<li>Buscar</li>
				<li><input type="text"></li>
				<li><a href=""><img src="gfx/worldicon.png"></a></li>
			</ul>
			
				<div id="menu">
<ul>
<li class="nivel1"><a href="index.html"  class="nivel1">Inicio</a>
<!--[if lte IE 6]><a href="#" class="nivel1ie">Opción 4<table class="falsa"><tr><td><![endif]-->
	
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>

   <li class="nivel1"><a href="quien/quien.html" class="nivel1">Quienes somos</a>
<!--[if lte IE 6]><a href="#" class="nivel1ie">Opción 1<table class="falsa"><tr><td><![endif]-->
	<ul class="nivel2">
		<li><a href="quien/principios.html">Principios y valores</a></li>
		<li><a href="quien/historia.html">Historias de éxito</a></li>
		<li><a href="quien/consejo.html">Consejo Directivo</a></li>
		<li><a href="quien/equipo.html">Equipo de trabajo (staff)</a></li>	
		<li><a href="quien/premio.html">Premios y reconocimientos</a></li>				
		<li><a href="quien/informe.html">Informe anual y financiero</a></li>
		<li><a href="quien/contacto.html">Contacto</a></li>
	</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
  </li>
 <li class="nivel1"><a href="como/queycomo.html" class="nivel1">Que y como lo hacemos</a>
<!--[if lte IE 6]><a href="#" class="nivel1ie">Opción 2<table class="falsa"><tr><td><![endif]-->
	<ul class="nivel2">
		  <li class="nivel2"><a class="nivel2" href="como/lineas.html">Líneas estratégicas »</a>
			<!--[if lte IE 6]><a href="#" class="nivel2ie">Opción 2.3 »<table class="falsa"><tr><td><![endif]-->
			<ul class="nivel3">
				<li><a class="primera" href="como/conservacion.html">Conservación y manejo en ecosistemas prioritarios</a></li>
				<li><a href="como/restauracion.html">Restauración de ecosistemas</a></li>
				<li><a href="como/educacion.html">Educación Ambiental y comunicación estratégica</a></li>
				<li><a href="como/desarrollo_c.html">Desarrollo comunitario sustentable</a></li>
				<li><a href="como/politica.html">Política y gestión ambiental</a></li>
				<li><a href="como/generacion.html">Generación y manejo de la información</a></li>
				<li><a href="como/desarrollo_i.html">Desarrollo Institucional</a></li>
				
			</ul>
		  <!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
			
			<li class="nivel2"><a class="nivel2" href="como/programas.html">Programas »</a>
			<!--[if lte IE 6]><a href="#" class="nivel2ie">Opción 2.3 »<table class="falsa"><tr><td><![endif]-->
			<ul class="nivel3">
				<li><a href="como/restauracion_agua.html">Restauración y Cosecha de agua</a></li>
				<li><a href="como/proteccion.html">Protección y conservación de humedales</a></li>
				<li><a href="como/conservacion_tierras.html">Conservación de tierras privadas</a></li>
				<li><a href="conservacion_marina.html">Conservación marina y pesca sustentable</a></li>
				<li><a href="como/educacuon_conservacion.html">Educación para la conservación</a></li>
				<li><a href="como/comunidades.html">Comunidades Sostenibles</a></li>
			</ul>
		  <!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
			
			
			<li class="nivel2"><a class="nivel2" href="como/iniciativas.html">Iniciativas »</a>
			<!--[if lte IE 6]><a href="#" class="nivel2ie">Opción 2.3 »<table class="falsa"><tr><td><![endif]-->
			<ul class="nivel3">
				<li><a class="primera" href="como/neutralizate.html">Neutralízate</a></li>
				<li><a href="como/bosque.html">Bosque de Agua</a></li>
				<li><a href="como/acciones.html">Acciones Forestales</a></li>
				<li><a href="como/eco.html">Eco-eficiencia</a></li>
				
			</ul>
			<!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
			
		
	</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
  <li class="nivel1"><a href="#" class="nivel1">Pronatura en tu regi&oacute;n</a>
<!--[if lte IE 6]><a href="#" class="nivel1ie">Opción 3<table class="falsa"><tr><td><![endif]-->
	<ul class="nivel2">
		<li><a href="#">Opción 3.1</a></li>
		<li><a href="#">Opción 3.2</a></li>
		<li><a href="#">Opción 3.3</a></li>
	</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li class="nivel0"><a  class="nivel0"></a>
<!--[if lte IE 6]><a href="#" class="nivel1ie">Opción 4<table class="falsa"><tr><td><![endif]-->
	
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>

<li class="nivel0"><a  class="nivel0"></a>
<!--[if lte IE 6]><a href="#" class="nivel1ie">Opción 4<table class="falsa"><tr><td><![endif]-->
	
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li class="nivel0"><a class="nivel0"></a>
<!--[if lte IE 6]><a href="#" class="nivel1ie">Opción 4<table class="falsa"><tr><td><![endif]-->
	
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li class="nivel0"><a  class="nivel0"></a>
<!--[if lte IE 6]><a href="#" class="nivel1ie">Opción 4<table class="falsa"><tr><td><![endif]-->
	
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li class="nivel0"><a  class="nivel0"></a>
<!--[if lte IE 6]><a href="#" class="nivel1ie">Opción 4<table class="falsa"><tr><td><![endif]-->
	
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>

<li class="nivel0"><a  class="nivel0"></a>
<!--[if lte IE 6]><a href="#" class="nivel1ie">Opción 4<table class="falsa"><tr><td><![endif]-->
	
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>




  <li class="nivel1"><a href="#" class="nivel1">Dona ahora</a>
<!--[if lte IE 6]><a href="#" class="nivel1ie">Opción 4<table class="falsa"><tr><td><![endif]-->
	<ul class="nivel2">
		<li><a href="#">Opción 4.1</a></li>
		<li><a href="#">Opción 4.2</a></li>
		<li><a href="#">Opción 4.3</a></li>
		<li><a href="#">Opción 4.4</a></li>
	</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
  <li class="nivel1"><a href="#" class="nivel1">Revista</a>
<!--[if lte IE 6]><a href="#" class="nivel1ie">Opción 5<table class="falsa"><tr><td><![endif]-->
	<ul class="nivel2">
		<li><a href="#">Opción 5.1</a></li>
		<li><a href="#">Opción 5.2</a></li>
		<li><a href="#">Opción 5.3</a></li>
	</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
</ul>
</div>
			
		</div>
        
        
        <ul id="search">
				<li>Buscar</li>
				<li><input type="text"></li>
				<li><a href=""><img src="gfx/worldicon.png" title="Buscar"></a></li>
			</ul>
        
        
		<div class="content">
			<div class="slides">
				<div class="slides_container">
					
					
					<div class="slide">
						<a href="#" title="" target="_blank"><img src="gfx/guacamaya.jpg" width="731px" height="341px" alt="Slide 2"></a>
						<div class="caption" style="bottom:-20px;">
										<p>Pronatura</p>
										<a href="">Ver m&aacute;s...</a>
						</div>
					</div>
					<div class="slide">
						<a href="#" title="" target="_blank"><img src="gfx/tucan.jpg" width="731px" height="341px" alt="Slide 1"></a>
						<div class="caption" style="bottom:-20px;">
										<p>Pronatura</p>
										<a href="">Ver m&aacute;s...</a>
						</div>
					</div>
					
					<div class="slide">
						<a href="#" title="" target="_blank"><img src="gfx/pantera.jpg" width="731px" height="341px" alt="Slide 1"></a>
						<div class="caption" style="bottom:-20px;">
										<p>Pronatura</p>
										<a href="">Ver m&aacute;s...</a>
						</div>
					</div>
					
					<div class="slide">
						<a href="#" title="" target="_blank"><img src="gfx/slideshow.png" width="731px" height="341px" alt="Slide 1"></a>
						<div class="caption" style="bottom:-20px;">
										<p>Pronatura</p>
										<a href="">Ver m&aacute;s...</a>
						</div>
					</div>
					
					<div class="slide">
						<a href="#" title="" target="_blank"><img src="gfx/ballena.jpg" width="731px" height="341px" alt="Slide 1"></a>
						<div class="caption" style="bottom:-20px;">
										<p>Pronatura</p>
										<a href="">Ver m&aacute;s...</a>
						</div>
					</div>
					
					
				</div>
			</div>
			<div class="sidenav">
				&nbsp;&nbsp;&nbsp;&nbsp;Haz la diferencia
				<ul>
					<li><a href=""><img src="gfx/membraso.png" id="icon"><span>&nbsp;&nbsp;Membresia</span></a><br><img src="gfx/sidenav_line.png" height="3px"></li>
					<li><a href=""><img src="gfx/voluntario.png" id="icon"><span>Voluntariado</span></a><br><img src="gfx/sidenav_line.png" height="3px"></li>
					<li><a href=""><img src="gfx/tienda.png" id="icon"><span>&nbsp;&nbsp;&nbsp;Tienda Virtual</span></a><br><img src="gfx/sidenav_line.png" height="3px"></li>
					<li><a href=""><img src="gfx/verde.png" id="icon"><span>&nbsp;Se Verde</span></a><br><img src="gfx/sidenav_line.png" height="3px"></li>
					<li><a href=""><img src="gfx/adopta.png" id="icon"><span>&nbsp;&nbsp;&nbsp;Adopta una especie</span></a><br><img src="gfx/sidenav_line.png" height="3px"></li>
					<li><a href=""><img src="gfx/dona_ahora.png" id="icon"><span>&nbsp;&nbsp;&nbsp;Dona ahora</span></a></li>
				</ul>
			</div>
			<div class="midnav">
					<ul>
						<li><a href="biodiversidad/biodiversidad.html"><img src="gfx/biodiversidad.png"></img></a></li>
						<li><a href="cambio_climatico/cambio_climatico.html"><img src="gfx/cambio_climatico.png"></img></a></li>
						<li><a href="comunidades_sostenibles/comunidades_sostenibles.html"><img src="gfx/comunidades_sostenibles.png"></img></a></li>
						<li><a href="educacion_ambiental/educacion_ambiental.html"><img src="gfx/educacion_ambiental.png"></img></a></li>
						<li><a href="restauracion_ecosistemas/restauracion_ecosistemas.html"><img src="gfx/restauracion_de_ecosistemas.png"></img></a></li>
						<li><a href=""><img src="gfx/ceclogo.png"><p>Tres pa&iacute;ses unidos en la protecci&oacute;n del medio ambiente que compartimos</p></a></li>
					</ul>
			</div>
			<div class="noticias">
				<img src="gfx/mundo.png"></img>
				<div>
					Noticias Nacionales<br>
					<img src="gfx/notline.png" style="width:659px;height:1px; position:relative; top:-18px;"></img>
					<br>
					<div class="notes" style=" top:26px; left:20px;">
						<img src="gfx/bild.jpg" width="60px" height="60px">
						<p>Aplica para participar con la CCA este verano y oto&ntilde;o</p>
						<span>La Comisi&oacute;n para la Cooperaci&oacute;n Ambiental (CCA) es una organizaci&oacute;n(CCA) 
						es una organización internacional con sede en...<br>
						<a href="#">Continuar leyendo</a>
						</span>
					</div>
					<div class="notes" style=" top:26px; left:395px;">
						<img src="gfx/bild.jpg" width="60px" height="60px">
						<p>Aplica para participar con la CCA este verano y oto&ntilde;o</p>
						<span>La Comisi&oacute;n para la Cooperaci&oacute;n Ambiental (CCA) es una organizaci&oacute;n(CCA) 
						es una organizaci&acute;n internacional con sede en...<br>
						<a href="#">Continuar leyendo</a>
						</span>
					</div>
				</div>
			</div>
			<div class="dnav">
				<ul>
					<li><a href="#" style="color:#666;">Porque lo hacemos</li>
					<li><a href="#" style="color:#666;">Donantes</a></li>
					<li><a href="#" style="color:#666;">Amigos Pronatura</a></li>
					<li><a href="#" style="color:#666;" >Blog</a></li>
					<li><a href="# "style="color:#666;" >Bolsa de Trabajo</a></li>
					<li><a href="#" style="color:#666;">Terminos de Prevacidad</a></li>
					<li><a href="#" style="color:#666;">Director&iacute;o</a></li>
				</ul>
			</div>
			<div class="contentbg"></div>
			<div class="footer">
			</div>
		</div>
		
	<div>
</body>
</html>
